<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <title>凯歌健康</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" href="/css/subscrbe/subscribeList.css">
    <script type="text/javascript" src="/js/autoFontsize.min.js"></script>
    <script type="text/javascript" src="/js/jquery-2.1.4.js"></script>
</head>
<body style="background: #f6f6f6;">
<header class="top_main">
    <a href="" title="" class="icon back_btn"></a>
    <h4>预约11</h4>
</header>
<section class="yslsyy">
    <div class="hd">
        <a href="javascript:;" class="on">专家预约</a>
        <a href="javascript:;">产康预约啊手动阀手动阀空间</a>
    </div>
    <div class="bd">
        <div class="bd1">
            <ul class="w content">
                <li class="confirmed">
                    <div class="left"></div>
                    <div class="right">
                        <div class="box">
                            <h4>就诊人—王希婕</h4>
                            <div class="zt">已确认</div>
                            <dl>
                                <dt><i class="  i1"></i></dt>
                                <dd>预约日期：2017-02-28</dd>
                            </dl>
                            <dl>
                                <dt><i class="  i2"></i></dt>
                                <dd>就诊日期：2017-03-10</dd>
                            </dl>
                            <dl>
                                <dt><i class="  i3"></i></dt>
                                <dd>就诊医院：马王堆街道卫生服务中心</dd>
                            </dl>
                            <dl>
                                <dt><i class="  i4"></i></dt>
                                <dd>就诊科室：内科科室</dd>
                            </dl>
                            <dl>
                                <dt><i class="  i5"></i></dt>
                                <dd>就诊专家：张事天教授</dd>
                            </dl>
                        </div>
                    </div>

                </li>
                <li class="unconfirmed">
                    <div class="left"></div>
                    <div class="right">
                        <div class="box">
                            <h4>就诊人—王希婕</h4>
                            <div class="zt">已确认</div>
                            <dl>
                                <dt><i class="  i1"></i></dt>
                                <dd>预约日期：2017-02-28</dd>
                            </dl>
                            <dl>
                                <dt><i class="  i2"></i></dt>
                                <dd>就诊日期：2017-03-10</dd>
                            </dl>
                            <dl>
                                <dt><i class="  i3"></i></dt>
                                <dd>就诊医院：马王堆街道卫生服务中心</dd>
                            </dl>
                            <dl>
                                <dt><i class="  i4"></i></dt>
                                <dd>就诊科室：内科科室</dd>
                            </dl>
                            <dl>
                                <dt><i class="  i5"></i></dt>
                                <dd>就诊专家：张事天教授</dd>
                            </dl>
                        </div>
                    </div>

                </li>
                <li class="finish">
                    <div class="left"></div>
                    <div class="right">
                        <div class="box">
                            <h4>就诊人—王希婕</h4>
                            <div class="zt">已确认</div>
                            <dl>
                                <dt><i class="  i1"></i></dt>
                                <dd>预约日期：2017-02-28</dd>
                            </dl>
                            <dl>
                                <dt><i class="  i2"></i></dt>
                                <dd>就诊日期：2017-03-10</dd>
                            </dl>
                            <dl>
                                <dt><i class="  i3"></i></dt>
                                <dd>就诊医院：马王堆街道卫生服务中心</dd>
                            </dl>
                            <dl>
                                <dt><i class="  i4"></i></dt>
                                <dd>就诊科室：内科科室</dd>
                            </dl>
                            <dl>
                                <dt><i class="  i5"></i></dt>
                                <dd>就诊专家：张事天教授</dd>
                            </dl>
                        </div>
                    </div>

                </li>
            </ul>
        </div>
        <div class="bd2">
            <ul class="w content">

                <li class="finish">
                    <div class="left"></div>
                    <div class="right">
                        <div class="box">
                            <h4>就诊人—王希婕</h4>
                            <div class="zt">已确认</div>
                            <dl>
                                <dt><i class="  i1"></i></dt>
                                <dd>预约日期：2017-02-28</dd>
                            </dl>
                            <dl>
                                <dt><i class="  i2"></i></dt>
                                <dd>就诊日期：2017-03-10</dd>
                            </dl>
                            <dl>
                                <dt><i class="  i3"></i></dt>
                                <dd>就诊医院：马王堆街道卫生服务中心</dd>
                            </dl>
                            <dl>
                                <dt><i class="  i4"></i></dt>
                                <dd>就诊科室：内科科室</dd>
                            </dl>
                            <dl>
                                <dt><i class="  i5"></i></dt>
                                <dd>就诊专家：张事天教授</dd>
                            </dl>
                        </div>
                    </div>

                </li>
            </ul>
        </div>


    </div>

    <script>
        $(".yslsyy").find(".bd").children().eq(0).show();
        $(".yslsyy").find(".hd").children().each(function (i) {

            $(this).on("click",function () {
                $(this).siblings().removeClass("on");
                $(this).addClass("on");
                $(".yslsyy").find(".bd").children().eq(i).siblings().hide();
                $(".yslsyy").find(".bd").children().eq(i).show();
            })
        });
        $(".yslsyy").find(".zt").text("");
        $(".yslsyy").find(".content").children().each(function () {

            if($(this).attr("class") ==="confirmed"){
                $(this).find(".zt").text("已确认")
            }
            if($(this).attr("class") ==="unconfirmed"){
                $(this).find(".zt").text("未确认")
            }
            if($(this).attr("class") ==="finish"){
                $(this).find(".zt").text("已结束")
            }
        })
    </script>
</section>


</body>
</html>